<template>
  <div class="more">
    <div class="descrip">
      <p>{{ shopInfo.desc }}</p>
      <br>
    </div>
      <p class="chuanzhuo">{{ shopInfo.key }}</p>
    <div class="img" v-for="(item, index) in shopInfo.list" :key="index">
      <img v-lazy='item' alt="" />
    </div>
  </div>
</template>
<script>
export default {
  name: "detailmore",
  props: {
    shopInfo: {
      type: Object,
      default: {},
    },
  },
};
</script>
<style scoped>
.descrip{
    padding: 15px 0;
    border-top: 2px solid rgb(124, 124, 124);
    border-bottom: 2px solid rgb(124, 124, 124);
}
.descrip p{
    font-size: 15px;
    text-indent: 2em;
    line-height: 20px;
}
.chuanzhuo{
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}
.img img {
  width: 100%;
}
</style>